<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>企业开票申请详情---已红冲</title>
  <link rel="stylesheet" type="text/css" href="../../../../themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="../../../../themes/icon.css">
  <script type="text/javascript" src="../../../../easyui/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../../easyui/js/jquery.easyui.min.js"></script>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    body {
      font-size: 14px;
      /* background-color: #eee; */
    }
    a {
      display: inline-block;
      text-decoration: none;
      color: #000;
      padding: 0;
      margin: 0;
    }
    .content{
      /* height: 100%; */
      padding: 30px;

    }
    .content_title {
      height: 50px;
      line-height: 50px;
      border-bottom: 1px solid #000;
    }
    .content-left-right{
      display: flex;
      width: 100%;
      height: 100%;
      margin-top: 20px;
    }

    .content_left {
      width: 40%;
      background: #fff;
      border-radius: 10px;
      margin-right: 20px;
      border: 1px solid #ccc;
    }
    .content_left h3 {
      padding-top: 10px;
      padding-left: 10px;
    }
    .content_left .tuanjian_info {
      padding-left: 50px;
      margin-top: 20px;
    }
   .tuanjian_info p {
      margin-bottom: 20px;
    }
    .content_left .formBox {
      padding-left: 50px;
      margin-top: 20px;
    }
    .form-item {
      margin-bottom: 20px;
    }
    .content_right{
      width: 60%;
      background: #fff;
      border-radius: 10px;
      padding: 30px;
      border: 1px solid #ccc;
    }

    .btn {
      /* width: 80px;
       */
      padding: 0 30px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      background: rgba(64, 158, 255, 1);
      border-radius: 10px;
    }
    .submit{
      margin: 50px auto;
      width: 80px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      font-size: 16px;
      border-radius: 5px;
      border: 1px solid;
      cursor: pointer;
      background-color: rgba(64, 158, 255, 1);
      color: #ffffff;
    }
    table td {
      height: 30px;
      text-align: center;
      border-collapse: collapse;
    }
    .right_top {
      border: 1px solid #ccc;
      padding: 20px;
      border-radius: 5px;
      box-sizing: border-box;
      margin-top: 10px;
    }
    .button {
      margin-top: 50px;
      text-align: center;
    }
  </style>
</head>
<body>
  <div class="content">
    <h3 class="content_title">企业开票申请详情---已红冲(已通过)</h3>
    <div class="content-left-right">
      <div class="content_left">
        <div class="tuanjian_info">
          <p>开票对象: 企业</p>
          <p>开票类型: 增值税专用发票（纸质发票）</p>
          <p>开票订单类型: 团检</p>
          <p>发票抬头: 山西信息科技公司</p>
          <p>税号: 156464654151231212SV45</p>
          <p>开户行: 中国银行太原总行</p>
          <p>银行账号: 2232252323232323232</p>
          <p>地址: 山西省太原市平阳路115号</p>
          <p>联系电话: 13555553333</p>
          <p>开票金额: 60000.00元</p>
          <p>备注：无</p>
          <p>
            <div>关联订单:</div>
            <table border="1" style="border-collapse: collapse; margin-top: 20px;width: 500px;">
              <tr>
                <td>订单号</td>
                <td>项目</td>
                <td>名称</td>
                <td>结算金额</td>
                <td>未开票金额</td>
                <td>本次申请</td>
              </tr>
              <tr>
                <td>15678938938</td>
                <td>团检</td>
                <td>山西信息科技公司</td>
                <td>100000.00</td>
                <td>0</td>
                <td>30000.00</td>
              </tr>
              <tr>
                <td>15678938938</td>
                <td>团检</td>
                <td>山西信息科技公司</td>
                <td>100000.00</td>
                <td>0</td>
                <td>30000.00</td>
              </tr>
              <tr>
                <td>15678938938</td>
                <td>团检</td>
                <td>山西信息科技公司</td>
                <td>100000.00</td>
                <td>0</td>
                <td>30000.00</td>
              </tr>
          </table>
          </p>
          <p>发票:已红冲</p>
          <p>发票号:264546465</p>
          <p>发票代码：1212332665</p>
          <p>
            <img src="./images/image.png" alt="" style="width: 300px; height: 150px;">
          </p>
          <!-- <p>
            <a href="#" class="btn" style="background-color: red;">红冲发票</a>
          </p> -->
        </div>
        <div class="formBox">
      </div>
      </div>
      <div class="content_right">
        <h3>订单详情</h3>
        <div class="right_top">
          <h4 style="margin-bottom: 10px;">基本信息</h4>
          <div class="tuanjian_info" style="padding-left: 15px;">
            <p>企业名称: 山西欣欣软件公司</p>
            <p>企业统一信用代码：123566156145641516</p>
            <p>企业联系人: 张辉</p>
            <p>联系电话: 13555555555</p>
            <p>体检日期：2023.05.06-2023.05.10</p>
            <p>实际体检人数: 200人</p>
          </div>
        </div>
        <div class="right_top">
          <h4 style="margin-bottom: 10px;">项目明细表</h4>
          <table class="easyui-datagrid" style="width:800px;" data-options="ctrlSelect:true,pagination:true">
            <thead>
                <tr>
                    <th data-options="field:'a1',width:100,align:'center'">序号</th>
                    <th data-options="field:'a2',width:200,align:'center'">套餐加项</th>
                    <th data-options="field:'a3',width:200,align:'center'">价格(元)</th>
                    <th data-options="field:'a4',width:100,align:'center'">人数(人)</th>
                    <th data-options="field:'a5',width:200,align:'center'">合计(元)</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>体检套餐1</td>
                    <td>300.00</td>
                    <td>50人</td>
                    <td>150000</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>体检套餐1</td>
                    <td>300.00</td>
                    <td>50人</td>
                    <td>150000</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td><div style="color: greenyellow;">单项1</div></td>
                    <td>300.00</td>
                    <td>50人</td>
                    <td>150000</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td><div style="color: greenyellow;">单项1</div></td>
                    <td>300.00</td>
                    <td>50人</td>
                    <td>150000</td>
                </tr>
                <tr>
                  <td>合计</td>
                  <td></td>
                  <td></td>
                  <td>1500.00</td>
                  <td>150000</td>
              </tr>
            </tbody>
        </table>
        </div>


      </div>
    </div>
  </div>
</body>
</html>
